<template>
    <div class="article-lister">
      <h2>博文列表</h2>
      <div class="articles">
        <article-intro-shower title="Hello,World !" text="Ababababababa"></article-intro-shower>
        <article-intro-shower title="Hello,World 22!" text="Ababababababa"></article-intro-shower>
        <article-intro-shower title="Hello,World 333!" text="ASfdhjn is kahsh yjshqus a asaf"></article-intro-shower>
        <article-intro-shower title="Hello,World 333!" text="ASfdhjn is kahsh yjshqus a asaf"></article-intro-shower>
        <article-intro-shower title="Hello,World 333!" text="ASfdhjn is kahsh yjshqus a asaf"></article-intro-shower>
        <article-intro-shower title="Hello,World 333!" text="ASfdhjn is kahsh yjshqus a asaf"></article-intro-shower>
        <article-intro-shower title="Hello,World 333!" text="ASfdhjn is kahsh yjshqus a asaf"></article-intro-shower>
        <article-intro-shower title="Hello,World 333!" text="ASfdhjn is kahsh yjshqus a asaf"></article-intro-shower>
        <article-intro-shower title="Hello,World 333!" text="ASfdhjn is kahsh yjshqus a asaf"></article-intro-shower>
        <article-intro-shower title="Hello,World 333!" text="ASfdhjn is kahsh yjshqus a asaf"></article-intro-shower>
        <article-intro-shower title="Hello,World 333!" text="ASfdhjn is kahsh yjshqus a asaf"></article-intro-shower>
      </div>
    </div>
</template>

<script>
import ArticleIntroShower from '@/components/article/ArticleIntroShower'

export default {
  name: 'ArticleLister',
  components: {
    ArticleIntroShower
  }
}
</script>

<style scoped>
  .article-lister {
    padding: 0 1rem;
  }
  .articles{
    margin-left: 2rem;
  }
</style>
